﻿body {
    padding:50px;
    background-color:steelblue;
}
.head {
    width:900px;
    height:60px;
    background-image:url(/image/background-blue.JPG);
}
.head-title {
    padding:15px;
    width:900px;
    height:40px;
    font-size:x-large;
    color:cornflowerblue;
}
#Image2 {
    margin-right:5px;
    height:30px;
    float:left;
}
.body {
    width:900px;
    height:350px;
    background-image:url(/image/background-login.JPG);
}
.left {
    width:550px;
    height:350px;
    float:left;
    background-color:aquamarine;
}
#Image1 {
    width:550px;
    height:350px;
}
.right {
    margin:20px;
    width:310px;
    height:325px;
    float:left;
    position:relative;
    top: 0px;
    left: 0px;
}
.right-top {
    height:50px;
    font-size:35px;
    text-align:center;
    color:white;
    font-weight:bold;
}
.right-body {
    height:150px;
    margin-left:20px;
    width: 260px;
    box-shadow:0px 0px 5px #000; 
}
.body-br {
    width:100%;
    height:10px;
}
.mod-input {
    margin-top:10px;
    position:relative;
    border-radius:20px;
    background-color:white;
    border:1px solid #808080;
    height:30px;
    width:160px;
    margin-left:20%;
}
.mod-input:hover {
    border:1px solid cornflowerblue;
    box-shadow:0px 0px 10px cornflowerblue;
}
.mod-input-img {
    position:absolute;
    height:30px;
    width:30px;
    top: -1px;
    left: 0px;
}
#idImg,#passImg,#identImg {
    width:20px;
    height:20px;
    padding:5px;
}
#userName,#userPass {
    height:28px;
    position:absolute;
    width:110px;
    margin-left:32px;
    border:none;
}
#userIdent {
    width:60px;
    margin-left:55px;
    margin-top:8px;
    float:left;
    border-radius:2px;
}
#codeImg {
    margin-top:6px;
    margin-left:25px;
    width:60px;
    height:24px;
}
#userError {
    position:absolute;
    left:50px;
    color:red;
    top: 179px;
    display:none;
}
#findPass {
    position:absolute;
    width:80px;
    left:183px;
    font-size:14px;
    top: 179px;
}
#LoginBtn,#RegistBtn {
    width:80px;
    height:30px;
    margin-top:20px;
    margin-left:40px;
    float:left;
    border-radius:2px;
    background-color:lightblue;
}
.right-bottom {
    height:110px;
} 
.bottom {
    padding-top:27px;
    padding-left:70px;
    font-size:14px;
    width:830px;
    height:40px;
    background-color:lightblue
}
